<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--
    。。。。。，
--%>
<html>
<head>
    <title>首页</title>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!----webfonts---->
    <link href='http://fonts.useso.com/css?family=Oswald:100,400,300,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Source+Sans+Pro:200,300,400,600,700,300italic,400italic,600italic' rel='stylesheet' type='text/css'>
    <!----//webfonts---->
    <script src="http://ajax.useso.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <!--end slider -->
    <!--script-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <!--/script-->
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
    <!---->

</head>
<body>
<!---strat-banner---->
<div class="banner">
    <div class="header">
        <div class="container">
            <div class="logo">
                <a href="index.jsp"> <img src="images/logo.png" title="soup"/></a>
            </div>
            <!---start-top-nav---->
            <div class="top-menu">
                <span class="menu"> </span>
                <jsp:include page="menu.jsp"/>
            </div>
            <div class="clearfix"></div>
            <script>
                $("span.menu").click(function () {
                    $(".top-menu ul").slideToggle("slow", function () {
                    });
                });
            </script>
            <!---//End-top-nav---->
        </div>
    </div>
    <div class="container">
        <jsp:include page="top.jsp"/>
        <div class="banner-links">
            <ul>
                <li class="active"><a href="#">模块一</a></li>
                <li><a href="#">模块二</a></li>
                <li><a href="#">模块三</a></li>
                <div class="clearfix"></div>
            </ul>
        </div>
    </div>
</div>
<!---//End-banner---->
<div class="content">
    <div class="container">
        <div class="content-grids">
            <div class="col-md-8 content-main">
                <div class="content-grid">
                    <div class="content-grid-head">
                        <h3>今日要闻</h3>
                        <h4>这里是时间...<a href="#">作者</a></h4>
                        <div class="clearfix"></div>
                    </div>

                    <%-- 数据库取出，模板样例 --%>
                    <div class="content-grid-info">
                        <h3><a href="single.jsp">沙漠啊，你特么全是沙子,,,</a></h3>
                        <p>这里是介绍这里是介绍这里是介绍这里是介绍这里是介绍，看够了么！！！</p>
                        <img src="images/c1.jpg" alt=""/>
                        <a class="bttn" href="single.jsp">更多</a>
                    </div>
                </div>

                <%--分页显示，应该用JQuery easyUI--%>
                <div class="pages">
                    <ul>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                        <li><a href="#">上一页</a></li>
                        <li><a href="#">下一页</a></li>
                    </ul>
                </div>
            </div>

            <div class="col-md-4 content-main-right">
                <div class="search">
                    <h3>骚年，搜一发么</h3>
                    <form>
                        <input type="text" value="" onFocus="this.value=''" onBlur="this.value=''">
                        <input type="submit" value="">
                    </form>
                </div>
                <div class="categories">
                    <h3>分类</h3>
                    <li class="active"><a href="#">文章</a></li>
                    <li><a href="#">还是文章</a></li>
                    <li><a href="#">就特么是文章</a></li>
                </div>
                <div class="archives">
                    <h3>归档</h3>
                    <li class="active"><a href="#">2015年十月</a></li>
                    <li><a href="#">2015年十一月</a></li>
                    <li><a href="#">2015年十二月</a></li>
                </div>

                <div>
                    <script src='http://git.oschina.net/ailele/MyCMS/widget_preview'></script>

                    <style>
                        .pro_name a{color: #000000;}
                        .osc_git_title{background-color: #bdbdbf;}
                        .osc_git_box{background-color: #d6d9ff;}
                        .osc_git_box{border-color: #ffffff;}
                        .osc_git_info{color: #000000;}
                        .osc_git_main a{color: #4183c4;}
                    </style>

                </div>

            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--fotter-->
    <jsp:include page="fotter.jsp"/>
<!---fotter/-->
<div class="copywrite">
    <div class="container">
        <%--这里放备案编号哦哦哦哦哦哦--%>
    </div>
</div>
<!---->
<script type="text/javascript">
    $(document).ready(function () {
        $().UItoTop({easingType: 'easeOutQuart'});
    });
</script>
<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


</body>
</html>